<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p class="content"></p>
    <script>
        // 作业4
        // 实现一个电子钟：都是汉字中文 显示年月日时分秒 实时显示
        // 例如 ：二零二二年六月二十四日 十六时六分三十二秒 1.10-20 之间 十一 、 十二、十三 。。。。
        //  20 以后 二十一 二十二 二十三 .... 
        // 3.20,30,40 50... 二十 三十 四十 
        // 4.不需要考虑 60以上
        /* 
            例如 ：二零二二年六月二十四日 十六时六分三十二秒
            1.10-20 之间 十一 、 十二、十三 。。。。
            20 以后 二十一 二十二 二十三 ....
            3.20,30,40 50... 二十 三十 四十
            4.不需要考虑 60以上
        */

        // 把数字转成 汉字  ；
        // 10  十  20 二十  30 三十 

        // 一、可以把 0-60 转成 汉字的函数 

        function getWords(num) {
            // 1.num 的值 在0-10 之间 
            var arr = ["零", "一", "二", "三", "四", "五", "六", "七", "八", "九", "十"];
            var str;
            if (0 <= num && num <= 10) {
                str = arr[num];
            } else if (num > 10 && num < 20) {
                var num = num + "";
                console.log(num[1]); // 个位 
                str = "十" + arr[num[1]]
            } else if (num > 20 && num % 10 != 0) {
                //  30 40 50 ---> 三十
                // 31  45  56  ---> 四十五
                var num = num + "";
                // 45
                // 4  num[0]  5 num[1]
                // arr[num[0]] 四
                str = arr[num[0]] + "十" + arr[num[1]];
            } else if (num >= 20 && num % 10 == 0) {
                // 20 30 40 50 ---> 三十
                var num = num + "";
                // 40  ---> 4  ----arr[4]  --- 四
                str = arr[num[0]] + "十";
            }
            // 通过传入的数字 返还 汉字 
            return str;
        }


        //   var word =   getWords(20);
        //   console.log(word);

        function getTime() {
            // 二、获取时间l0.
            var time = new Date();
            // 年
            var year = getyearstr(time.getFullYear());
            // console.log(year);
            // 月 
            var month = getWords(time.getMonth() + 1);
            // console.log(month);
            // 日 
            var day = getWords(time.getDate());
            // console.log(day);

            // 时
            var hour = getWords(time.getHours());

            // 分
            var minute = getWords(time.getMinutes());

            // 秒 
            var second = getWords(time.getSeconds());

            var pEle = document.getElementsByClassName("content")[0];
            pEle.innerHTML = `${year}年 ${month}月 ${day}日 ${hour}时 ${minute}分 ${second}秒`;

        }

        getTime();
        setInterval(getTime, 1000);

        function getyearstr(year) {
            year = year + "";
            var str = "";
            for (var i = 0; i < year.length; i++) {
                // console.log(year[i]); // 2  0  2 2
                var res = getWords(year[i]);
                str += res;
            }
            // console.log(str);
            return str;
        }
    </script>
</body>

</html>